In this article I share how custom menu links can be toggled (open and close) by clicking on an element similar to that in http://travelredbook.com/. Screenshots: Custom Menu. Here’s the summary: Create a shortcode to output a specific WP menu. We are going to limit the depth to 1 so that only the top level […]
Search Results for: dropdown menu
How to display Custom Menu as Select Dropdown in WordPress
In this article I show Bill Erickson’s code can be used to display select menu from a WordPress custom menu. Also included is a custom shortcode using which you can display select menu in widgets and Page/Post editor in this format: [menudropdown menu=”Header Menu”] In your child theme directory, create lib/classes directory and upload a […]
Mega-Menu like Amazon
How about writing something on building a mega-menu like the ‘Shop by Department’ one on Amazon’s website? There is a very interesting post on the intricacies of building such a menu with the ‘triangular’ hovering method with delay for the user’s mouse displace here: It could be interesting to learn any good-in-performance, native WordPress way […]
How to display 2nd and 3rd level menu items together?
Hi Sridhar, this feels like it should have a simple answer, yet all my google searches are coming up empty. I’d like to combine any 2nd and 3rd level menu items in a dropdown to avoid nested fly outs. How would I go about doing that in a Genesis theme without having to resort to […]
Custom Widget Area with Accordian Style Dropdown
I have some custom menus I am inserting into pages (Custom Menu Widget). I would like the submenu and sub-submenu items to be hidden and then reveal on click like an accordian. Some of the items listed do NOT have dropdown/submenus, and some do … I would like all top level items to look the […]
How to center logo in header with nav menu at left and a widget area on right in Enterprise Pro
In the comments section of How to center logo in header with widget area on either side in Genesis, a user asked: Any way to make the left widget a custom menu widget? When I do this, I can not seem to be able to get the menu to display inline-block or to have the […]
Drop down menu like PeepSo.com
Hello, I recently became aware of a new plugin for community building called PeepSo. After a little digging I see that the site is using a custom Genesis child theme. I really like the big dropdown nav bar that appears when you click on the hamburger icon on the main nav bar. Very much like […]
How to use icon font for select element’s dropdown arrow in WordPress
The down arrow for <select> elements is drawn by browser and as such looks different in different browsers. It is possible to use an image for the select element using this method. In this article I show how Dashicon’s arrow down icon font can be shown at the right side of a Gravity Form’s form […]
How to show all Posts belonging to the current category in a dropdown on category archives in WordPress
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Adding sub menu indicators to nav menu items in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Recent Comments